<div class="content-byc image-content" ng-controller="warehouseDeployModalCtrl" >
    <div class="animated update-content" >
        <div class="wrapper-md">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default" style="padding:0;">
                        <div class="panel-heading font-bold">

                            <span class="p-l-6">部署信息</span>
                            <button class="btn btn-default pull-right" style="margin-top: -7px;" ng-click="goBack()" tabindex="0">
                                <i class="fa fa-reply icon-font"></i> 返回
                            </button>
                        </div>
                        <div class="panel-detail">
                          <div class="col-md-12">
                            <div class="sortware-box">
                              <div class="sortware-box-h text-center">
                                <div class=" col-md-1">
                                  <p class="small-box-p"><i class="fa fa-cube"></i></p>
                                </div>
                                <div class="text-left-p col-md-10">
                                <p class="text-left-p col-md-12 padding-td-10">镜像</p>
                                  <p class="text-left-p col-md-3">镜像名称：<span>{{supplierDetail.name}}</span></p>
                                  <p class="text-left-p col-md-9">镜像描述：<span>{{supplierDetail.remark}}</span></p>
                                </div>
                                <div class="both">   </div>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="modal-body">
                          <form class="form-horizontal form-validation" name="addCabinetForm">
                            <div class="form-group">
                                   <label class="control-label">集群：</label>
                                   <div class="control-input">
                                     <select class="form-control" name="clusterId" ng-model="clusterId" validator="required">
                                       <option value="">--请选择--</option>
                                       <option ng-repeat="item in masterData"  value="{{item.id}}" ng-bind="item.name"></option>
                                     </select>
                                   </div>
                           </div>
                             <div class="form-group">
          					                <label class="control-label">应用：</label>
          					                <div class="control-input">
                                      <ui-select ng-model="scriptItem.selected" style="margin-bottom:10px"  theme="bootstrap">
                                        <ui-select-match placeholder="选择或者从列表中搜索一个应用">{{$select.selected.name}}</ui-select-match>
                                        <ui-select-choices repeat="item in warehoseData | filter: $select.search">
                                          <div ng-bind-html="item.name | highlight: $select.search"></div>
                                        </ui-select-choices>
                                      </ui-select>
          					                </div>
          					        </div>
                              <div class="form-group" ng-repeat="(key,item) in envList track by $index">

                                  <label class="control-label">环境变量：</label>
                                  <div class="control-input" >
                                    <div class="col-lg-5 nopadding">
                                      <input class="form-control " name="key{{key}}" placeholder="key" ng-model="item.key" validator="evn_opt" maxlength="64" maxlength-error-message="最多输入64个字符" type="text" />
                                    </div>
                                  <div class="col-lg-6">
                                    <input class="form-control" name="value{{key}}" placeholder="value" ng-model="item.value"  maxlength="64" maxlength-error-message="最多输入64个字符" type="text" />
                                  </div>
                                  <div class="col-lg-1 deployFa">
                                    <a  ng-click= "addEnvs(key)"><i class="fa  fa-plus"></i></a>
                                       <a  ng-click="removeEnv(key)"><i class="fa fa-minus"></i></a>
                                    </div>
                                  </div>

                              </div>

                              <div class="form-group" ng-repeat="(key,item) in labelList track by $index">

                                  <label class="control-label">标签：</label>
                                  <div class="control-input">
                                    <div class="col-lg-5 nopadding">
                                      <input class="form-control" name="keys{{key}}" placeholder="key" ng-model="item.keys" validator="evn_opt"  maxlength="64" maxlength-error-message="最多输入64个字符" type="text" />
                                    </div>
                                    <div class="col-lg-6">
                                      <input class="form-control " name="values{{key}}" placeholder="value" ng-model="item.values"  maxlength="64" maxlength-error-message="最多输入64个字符" type="text" />
                                    </div>
                                  <div class="col-lg-1 deployFa">
                                    <a  ng-click= "addLabels(key)"><i class="fa  fa-plus"></i></a>
                                       <a  ng-click="removeLabel(key)"><i class="fa fa-minus"></i></a>
                                    </div>
                                    </div>
                              </div>
                            <div class="form-group">
                                <label class="control-label">描述信息：</label>
                                <div class="control-input">
                                  <textarea class="form-control" name="remark" ng-model="remark" maxlength="256" maxlength-error-message="最多输入256个字符"></textarea>
                                </div>
                              </div>
                          </form>
                        </div>
                        <div class="modal-footer">
                          <button type="submit" class="btn btn-info" validation-submit="addCabinetForm" ng-disabled="(addCabinetForm.$invalid||isLoadingActive)" ng-click="ok()">确认</button>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
